<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        body{font-size:12px}
        .left,.right{width:50px; height:40px; line-height:40px; float:left; text-align:center; cursor:pointer}        
        #scroll{width:400px; height:40px; overflow:hidden; float:left}
        #inner{width:800px; height:40px;}
        ul{padding:0; margin:0 auto}
        #inner ul{width:800px; list-style:none;height:40px} 
        #inner ul li{width:100px; float:left; list-style:none; line-height:40px; text-align:center}        
        #page a{ margin:0px 10px; text-decoration:none}
    </style>
    <script src="../../../src/js/jquery.js" type="text/javascript"></script>  
    <script src="../../../src/js/51ui.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $.Scroll({
                waitTime: 3000,
                inner: "#inner",
				stepWidth: 100,
                left: ".left",
                right: ".right"
            });
        })
    </script>
</head>
<body>
<div>
	<div title="实例"> 
        <div class="left"><<</div>
        <div id="scroll">            
            <div id="inner">
                <ul>
                    <li>滚动练习—1</li>
                    <li>滚动练习—2</li>
                    <li>滚动练习—3</li>
                    <li>滚动练习—4</li>
                    <li>滚动练习—5</li>
                    <li>滚动练习—6</li>
                    <li>滚动练习—7</li>
                    <li>滚动练习—8</li>
                </ul>
            </div>            
        </div>
        <div class="right">>></div>
	</div>
</div>
</body>
</html>